body {
    font-family: 'TRUELight','TRUELightIE',Leelawadee,Arial, sans-serif !important;
}

div,input,span,td {
    font-family: 'TRUELight','TRUELightIE',Leelawadee,Arial, sans-serif !important;
    line-height: 0.9 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: green;
    font-style:italic;
    text-align:center;
}

::-moz-placeholder { /* Firefox 19+ */
    color: green;
    font-style: italic;
    text-align: center;
}

:-ms-input-placeholder { /* IE 10+ */
    color: green;
    font-style: italic;
    text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
    color: green;
    font-style: italic;
    text-align: center;
}


.cplogin_ForgotTextBox {
    font-size: 15pt;
    color: black;
    text-align: center;
}
    .cplogin_Text {
        padding-top:5px;
        font-size: 14pt;
        color: #232323;
        line-height:0.8 !important;
    }
    .cplogin_HeadText {
        font-size: 25pt;
        color: black;
        line-height: 0.8;
        padding-bottom:10px;padding-top:15px;
    }
    .headerText {
         
        font-size:24pt;
        color:#232323;
    }
    .functioncomment{
        line-height:1;
         
        font-size:17pt;
        color:green;
    }
    .cplog_UserNameBox{
        border:1px solid #909090;
         
        font-size:19pt !important;
        color:#242424;
        text-align:center;
        width:200px;
                   line-height:1;
    }
    .cplog_PasswordBox{
        border:1px solid #909090;
         
        font-size:19pt !important;
        color:orangered;
        margin-top:10px;
          text-align:center;
           width:200px;
           line-height:1;
    }
    .pageDesc{
         
        font-size:17pt;
        color:#565656;
    }
    .functionTitle{
                 
        font-size:22pt;
        padding-left:20px;
        color:#343434;
                line-height:1;
    }
    .pageContent{;
        padding-left:20px;

    }
    .cplogin_FormComment{
        padding-left:140px;
                 
        font-size:11pt;
        color:green;
        line-height:1;
        width:400px;
    }
    .cplogin_EndpointListDesc{
         
        font-size:16pt;
        color:#565656;
        line-height:1;
    }
        .cplogin_EndpointListCaption{
         
        font-size:16pt;
        color:#232323;
        line-height:1;
    }
        .cplogin_EndpointListURI{
         
        font-size:16pt;
        color:#4863E5;
        line-height:1;
        margin-top:10px;
    }
    .cplogin_EndpointListName{
         
        font-size:20pt;
        color:#343434;
        padding-top: 5px;
    }
    .cplogin_controlline{
        display:inline-block;
        vertical-align:top;
        padding-bottom:15px;
    }
    .ui-widget{
        font-size:13pt !important;
         
         line-height: 0.9 !important;
    }
    .ui-datepicker .ui-datepicker-title select{
                font-size:13pt !important;
         
         line-height: 0.9 !important;
    }
a{
    text-decoration:none !important;
}
a:visited {
    border:0px !important;
}
td label {
    padding-right:40px;
}
h2{
    padding:0px !important;
    text-align:left;

}
.cplogin_iconbutton{
    padding-right:15px;
}
.cplogin_CheckBox{
      Color:#343434;
      
     font-size: 11pt;  
}
.cplogin_Content{
      Color:#343434;
      
     font-size: 13pt;  
     width:60px; 
     padding-right:10px;
}
.cplogin_subContent{
      Color:#898989;
      
     font-size: 18pt;  
     padding-left:20px;
     padding-right:10px;
}
.cplogin_searchButton{
    padding-top:15px;
}
.cplogin_GridItem{

    padding-top:5px;
    padding-bottom:15px;
    padding-right:15px;
    border-bottom:1px dotted #909090;

}
.cplogin_GridHeader{
    border-bottom:1px solid gray;
    line-height:1;
}
.cplogin_WaitingListText{
    
    font-size:13pt;
    color:#044476;
}
.cplogin_WaitingListEmail{
    
    font-size:10pt;
    color:#454545;
}

.cplogin_Comment 
{
	vertical-align: top;
    font-size:12pt;
    color:green;
}
.cplogin_AuthorizedText
{
        
	vertical-align: top;
    font-size:11pt;
    color:#343434;
}
.cplogin_ButtonInside{
    padding-top:6px !important;padding-bottom:6px !important;
    padding-left:13px !important;padding-right:13px !important;
    line-height: 1.5 !important;
    text-decoration:none;
    font-size:15pt !important;
}

.cplogin_ButtonInside:hover{

    text-decoration:none;

}

.cplogin_remark{
    
    font-size:10pt;
    color:#d54e03;
}

.cplogin_ChangeViewButton{
    border:1px solid #a0a0a0;
    display:inline-table;
    border-radius:6px;

    white-space:nowrap;
    text-align:center;
    width:auto;
    background-color:rgba(255,255,255,0.8);
}
.cplogin_ChangeViewButton:hover{
    border:1px solid #e8e8e8;
    background-color:#347eae;
    color:white !important;
}
.cplogin_ChangeViewButton a:hover{
    color:white !important;
}

.cplogin_ButtonText:hover{
    color:white !important;
}
.cplogin_ButtonText {
    
    font-size:16pt;
    color:#343434;
    text-decoration:none !important;
    padding-left:15px;padding-right:15px;
}
.cplogin_SectionText
{
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    
    font-size: 30pt;
    color:#232323;
    padding-bottom:0px;
    padding-left:20px;
}




.cplogin_Login_UserName,.cplogin_Login_Password{
      
     color:#232323;
     font-size:16pt;
     padding-top:2px;
     padding-bottom:2px;
     padding-left:5px;
     padding-right:5px;
}
.cplogin_Button {
    Background-color: white;
    Color: black !important;
    font-size: 13pt;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none !important;
    border: 0px;
    border-radius:30px;
    border:1px solid #e0e0e0;
}

.cplogin_Button:hover {
    Background-color: black;
    color:white !important;

}
.cplogin_LogonButton
{
 Background-color:#605b51;
 Color:White !important;
  
 font-size: 9pt;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:15px;
 padding-right:15px;   
 text-decoration:none !important;
 border:0px;
}
.cplogin_LogonButton:hover
{
    Background-color:black;
}
.cplogin_caption
{
  Color:#565656;
  
 font-size: 15pt;  
 width:120px; 
 padding-right:10px;
 display:inline-block;
 vertical-align:top;
}
.cplogin_TextBox
{
     
   color:#454545;
   font-size: 15pt;
   line-height:1;
   width:120px;
}
.cplogin_SettingTextBox
{
     
   color:#454545;
   font-size: 10pt;
   line-height:1;
   width:120px;
}

textarea /*Print Layout in Flowline*/
{
	overflow: auto;
}

img /*Set Border All Images*/
{
	border: 0px;
}

.BDDev_ImageBox img /*Set Style for Images*/
{
	border: solid 1px #CCC;
	background: white;
}
.BDDev_Dropdownlist /*Set Style for Images*/
{
	  
	font-size:12px;
}
.BDDev_ImageBox:hover
{
	border: solid 1px #3B5998;
	background: white;
}
 /*Set Style Popup Flowline From*/
.popup-onload
{
	padding: 0;
	width: 10px;
	position: relative;
}

div.popup-onload em
{
	width: 500px;
	height: 54px;
	position: absolute;
	top: -70px;
	text-decoration: none;
	z-index: 2;
	display: none;
}

.popup-hover
{
	padding: 0;
	width: 10px;
	position: relative;
}

div.popup-hover em
{
	width: 500px;
	height: 54px;
	position: absolute;
	top: -70px;
	text-decoration: none;
	z-index: 3;
	display: none;
}
 /* End Set Style Popup Flowline From*/
 
A.BDTZ_Print  /*Set Style Print in Flowline */
{
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	
	font-weight: normal;
	height: 20px;
}

.BDrow_Yellow /*Set Style Comment in Flowline */
{
	background: #f8e757;
	font-size: 12px;
	color: #808080;
	
	text-decoration: none;
	padding-bottom: 2px;
}


.BDDev_SuggestionTextCaption /*Text Suggestion*/
{
    font-size: 11px;
	color: #808080;
	
}
.BDDev_SuggestionText /*Text Suggestion*/
{
    font-size: 11px;
	color: #c0c0c0;
	
}
 /*Set Style for Tab*/
.BDDev_FBTabs
{
	background: transparent url('Open_Menu_End.png') no-repeat scroll top right;
	color: #ffffff;
	display: block;
	float: left;
	font: normal 12px tahoma;
	font-weight: bold;
	height: 24px;
	padding-right: 8px; /* sliding doors padding */
	text-decoration: none;
}

.BDDev_FBTabs span
{
	background: transparent url('Open_Menu.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 10px;
}

.BDDev_Tabs
{
	background: url(tab.gif);
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma;
	display: block;
	height: 20px;
	border-left: 1px solid #dddede;
	border-right: 1px solid #dddede;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
}
 /* End Set Style for Tab*/
  
 /*Set Style TextBox*/
.BDDev_NormalTextBox 
{
	background-position: top;
	border: 1px solid #c9c9c9;
	
	font-size: 12px;
}
.BDDev_NormalTextBox:focus
{
	/*background-image: none;*/
	border: 1px solid #77ccff;
	
	font-size: 12px;
}
.BDDev_NormalTextBox:hover
{
	
	border: 1px solid #77ccff;
	
	font-size: 12px;
}

.BDDev_WaterMark
{
	border: 1px solid #c9c9c9;
	
	font-size: 12px;
	color: #cccccc;
	
	font-style: oblique;
}

 /*End Set Style TextBox*/
 
.BDDev_ReadonlyTextBox  /*Set Style ReadOnly TextBox in FlowLine*/
{
	background-color: #F5F5F5;
	color: #696969; /*background:url(bg_textbox.gif) repeat-x;*/
	border: 1px solid #c9c9c9;
	
	font-size: 12px;
	padding: 1px 1px 1px 1px;
}

/*Set Style Grid*/
.BDTZ_RoleSelector /*Set Style CheckBox Column*/
{
	text-align: left;
	font-weight: Bold;
	font-size: 12px;
	color: white;
	
	height: 20px;
	background-color: #ED5; /*background:url(head.jpg);*/
	padding-top: 2px;
	padding-left: 5px;
}

/*Set Header*/

.BDTZ_Header  
{
    width: 860px;
	text-align: left; /*font-weight: Bold; */
	font-size: 12px;
	color:#555;
	
	height: 20px;
	/*background-color: #ED5; background:url(head.jpg);*/
	padding-top: 2px;
	padding-left: 2px;
}
.BDTZ_HeaderCenter
{
	text-align: left;
	font-size: 16px;
	Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	/*background-color:#ED5;
	padding-top:10px;
	padding-left:2px;*/
	padding-bottom:10px;
	width: 820px;
}
.BDTZ_HeaderRight
{
    width:20px;
	text-align: Right;
	font-size: 12px;
	color:white;Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	/*background-color:#ED5;*/
	padding-bottom:10px;
	vertical-align: middle;
}
.BDTZ_HeaderLeft
{
    width:25px;
	text-align: left;
	font-size: 12px;
	color:white;
	Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	/*background-color:#ED5;*/
	padding-bottom:10px;
}
.BDTZ_SubDetailHeaderCenter
{
	text-align: left;
	font-size: 12px;
	Font-family:"Tahoma", "Microsoft Sans Serif"; 
	padding-bottom:5px;
	padding-top: 5px;
	/*background-color:#ED5;
	padding-top:10px;
	padding-left:2px;*/
}
.BDTZ_SubHeaderCenter
{
	text-align: left;
	font-size: 14px;
	Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	padding-bottom:5px;
	padding-top: 5px;
	/*background-color:#ED5;
	padding-top:10px;
	padding-left:2px;*/
}
.BDTZ_SubHeaderRight
{
    width:20px;
	text-align: Right;
	font-size: 12px;
	color:white;Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	/*background-color:#ED5;*/
	padding-bottom:5px;
	padding-top: 5px;
	vertical-align: middle;
}
.BDTZ_SubHeaderLeft
{
    width:25px;
	text-align: left;
	font-size: 12px;
	color:white;
	Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	/*background-color:#ED5;*/
}
.BDTZ_Sub_SubHeaderIcon
{
    width:20px;
	text-align: left;
	font-size: 12px;
	color:white;
	Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	/*background-color:#ED5;*/
}

.BDTZ_Sub_SubHeaderDetail
{
	text-align: left;
	font-size: 12px;
	color: #525252;
	Font-family:"Tahoma", "Microsoft Sans Serif"; 
	height:20px;
	/*background-color:#ED5;*/
	padding-bottom:5px;
	padding-top: 5px;
}


A.BDTZ_Header:link
{
	text-align: left;
	text-decoration: underline; /*font-weight: Bold; */
	font-size: 12px;
	color: white;
	
	height: 20px;
	background-color: #ED5; /*background:url(head.jpg);*/
	padding-top: 2px;
}
A.BDTZ_Header:visited
{
	text-align: left;
	text-decoration: underline; /*font-weight: Bold; */
	font-size: 12px;
	color: white;
	
	height: 20px;
	background-color: #ED5; /*background:url(head.jpg);*/
	padding-top: 2px;
}
A.BDTZ_Header:active
{
	text-align: left;
	text-decoration: underline; /*font-weight: Bold; */
	font-size: 12px;
	color: white;
	
	height: 20px;
	background-color: #ED5; /*background:url(head.jpg);*/
	padding-top: 2px;
}
A.BDTZ_Header:hover
{
	text-align: left;
	text-decoration: underline; /*font-weight: Bold; */
	font-size: 12px;
	color: #87CEFA;
	
	height: 20px;
	background-color: #ED5; /*background:url(head.jpg);*/
	padding-top: 2px;
}
/*End Set Header*/

/*Set Style for Item Style*/
.BDTZ_Back
{
    /*background-color: #f2f2f2;*/
    font-size: 12px;
    color: #333333;
    
    text-decoration: none;
    height: 20px;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
    padding: 4px;
}
.BDTZ_Normal
{
	/*background-color: #f2f2f2;*/
	font-size: 12px;
	color: #808080;
	
	text-decoration: none;
	height: 20px;
	padding-left: 5px;
	border-bottom: 1px solid #eee;
	padding: 4px;
}
.BDTZ_NormalBgWhite
{
	background: #FFFFFF;
	font-size: 12px;
	color: #808080;
	
	text-decoration: none;
	height: 20px;
	padding-left: 5px;
	border-bottom: 1px solid #eee;
	padding: 4px;
}
.BDTZ_Hover
{
	background: #FFB; /*EEFFFF*/
	font-size: 12px; /*border-top: 1px solid #D9F2F8; 	border-bottom: 1px solid #D9F2F8;*/
	color: #808080;
	
	text-decoration: none;
	height: 20px;
	padding-left: 5px;
	border-bottom: 1px dotted #eee; 
}



/*Set Style for Link Button*/
A.BDTZ:link 
{
	font-size: 12px;
    color: #FFFFFF;
    
    font-weight: normal;
    height: 20px;
    background-color: #0066FF;
    padding: 3px 5px;
}
A.BDTZ:visited
{
	font-size: 12px;
    color: #FFFFFF;
    
    font-weight: normal;
    height: 20px;
    background-color: #0066FF;
    padding: 3px 5px;
}
A.BDTZ:active
{
	font-size: 12px;
    color: #FFFFFF;
    
    font-weight: normal;
    height: 20px;
    background-color: #0066FF;
    padding: 3px 5px;
}
A.BDTZ:hover
{
	font-size: 12px;
    color: #FFFFFF;
    
    font-weight: normal;
    height: 20px;
    background-color: #0066FF;
    padding: 3px 5px;
}
A.BDTZ
{
    font-size: 12px;
    color: #FFFFFF;
    
    font-weight: normal;
    height: 20px;
    background-color: #0066FF;
    padding: 3px 5px;
}
/*End Set Style for Link Button*/
/*End Set Style Grid*/

/*Set Style Control*/
.BDDev_Header /*Set Style Header*/
{
	font-weight: normal;
	font-size: 20px;
	color: #404040;
	font-family: Leelawadee,Tahoma,Microsoft Sans Serif;
	display: block;
	margin: 10px 0px 0px 0px;
	width: 100%;
}

.BDDev_SubHeader /*Set Style SubHeader*/
{
	font-weight: normal;
	font-size: 14px;
	color: #222222;
	font-family: tahoma, Verdana,Arial,Helvetica;
}
.BDDev_SubHeader tr
{
}
.BDDev_SubHeader tr td
{
    
}

/*Set Style Caption*/
.BDDev_Normal 
{
	font-weight: normal;
	font-size: 12px;
	color: #808080;
	
	height: 20px;
	padding: 0px;
}

.BDDev_NormalBlack
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	
	height: 20px;
	padding: 0px;
}
.BDDev_NormalWhite
{
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	
	height: 20px;
	padding: 0px;
}
.BDDev_NormalOrange
{
	font-weight: normal;
	font-size: 12px;
	color: orange;
	
	padding: 5px 0px 5px 0px;
}

.BDDev_NormalBlue
{
	font-weight: normal;
	font-size: 12px;
	color: #0066CC;
	
	padding: 5px 0px 5px 0px;
}

.BDDev_Bold
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	
	height: 20px;
	padding: 0px;
}
.BDDev_BoldWhite
{
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	
	height: 20px;
	padding: 0px;
}
.BDDev_Update /*Obsolete*/
{
	font-weight: normal;
	font-size: 12px;
	color: #339900;
	
	height: 20px;
	padding: 0px;
}
.BDDev_Error
{
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
	
	height: 20px;
	padding: 0px;
}
.BDDev_Warning
{
	font-weight: normal;
	font-size: 12px;
	color: #FF5500;
	
	height: 20px;
	padding: 0px;
}
.BDDev_New /*Obsolete*/
{
	font-weight: normal;
	font-size: 12px;
	color: #CD4C0E;
	
	text-decoration: none;
	height: 20px;
	padding: 0px;
}
/*Set Style Small Caption*/
.BDSDev_Normal
{
	font-weight: normal;
	font-size: 10px;
	color: #808080;
	
	height: 20px;
	padding: 2px;
}
.BDSDev_Update
{
	font-weight: normal;
	font-size: 10px;
	color: #339900;
	
	height: 20px;
	padding: 2px;
}
.BDSDev_Error
{
	font-weight: normal;
	font-size: 10px;
	color: #FF0000;
	
	height: 20px;
	padding: 2px;
}
.BDSDev_New
{
	font-weight: normal;
	font-size: 10px;
	color: #CD4C0E;
	
	text-decoration: none;
	height: 20px;
	padding: 2px;
}
.BDSDev_Caption
{
	font-size: 10px;
	color: #818181;
	
	text-decoration: none;
	height: 20px;
	padding: 2px;
}
/*End Set Style Small Caption*/
/*End Set Style Caption*/
/*Set Style Check Box Radio Button*/
.cplogin_SubSection
{
	font-size: 13pt;
	color: #818181;
	
	text-decoration: none;
	height: 15px;
	padding: 0px 0px 0px 0px;
}
.cplogin_SubSubSection
{
	font-size: 11pt;
	color: #676767;
	
	text-decoration: none;
	height: 15px;
	padding: 0px 0px 0px 0px;
    font-weight:normal;
}
.BDDev_Caption
{
	font-size: 12px;
	color: #818181;
	
	text-decoration: none;
	height: 15px;
	padding: 0px 0px 0px 0px;
}
.BDDev_Caption Label
{
	font-size: 12px;
	color: #818181;
	
	text-decoration: none;
	height: 15px;
	padding: 0px 0px 0px 0px;
}

.BDDev_AjaxCaption
{
	font-size: 12px;
	color: #818181;
	
	text-decoration: none;
	height: 14px;
}

.BDDev_AjaxCaption Label
{
	font-size: 12px;
	color: #818181;
	
	text-decoration: none;
	vertical-align: top;
	height: 14px;
}
/*End Set Style Check Box Radio Button*/

/*Set Style Button*/
a.BDbutton
{
	/* Sliding right image */
	background: url('Button/buttonBlue_second.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES 1888d7*/
	text-decoration: none;
	/*color: #1888d7;*/
	color: #FFF;
	font-weight: bold;
	
	font-size: 14px; /*font-weight:bold;*/
}

a.BDbutton span
{
	/* Background left image */
	background: url('Button/buttonBlue_first.png') no-repeat;
	display: block;
	line-height: 19px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 3px 0 10px 15px;
	font-size: 10px;
}

a.BDbutton:hover
{
	/* Sliding right image */
	background: url('Button/buttonBlue_second.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES 1888d7*/
	text-decoration: none;
	/*color: #1888d7;*/
	color: #FFF;
	font-weight: bold;
	
	font-size: 14px; /*font-weight:bold;*/
}

a.BDbutton span:hover
{
	/* Background left image */
	background: url('Button/buttonBlue_first_select.png') no-repeat;
	display: block;
	line-height: 19px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 3px 0 10px 15px;
	font-size: 10px;
}

a.BDbuttonWarn
{
	/* Sliding right image */
	background: url('Button/buttonOrange_second.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES 1888d7*/
	text-decoration: none;
	/*color: #1888d7;*/
	color: #FFF;
	font-weight: bold;
	
	font-size: 14px; /*font-weight:bold;*/
}

a.BDbuttonWarn span
{
	/* Background left image */
	background: url('Button/buttonOrange_first.png') no-repeat;
	display: block;
	line-height: 19px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 3px 0 10px 15px;
	font-size: 10px;
}

a.BDbuttonWarn:hover
{
	/* Sliding right image */
	background: url('Button/buttonOrange_second.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES 1888d7*/
	text-decoration: none;
	/*color: #1888d7;*/
	color: #FFF;
	font-weight: bold;
	
	font-size: 14px; /*font-weight:bold;*/
}

a.BDbuttonWarn span:hover
{
	/* Background left image */
	background: url('Button/buttonOrange_first_select.png') no-repeat;
	display: block;
	line-height: 19px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 3px 0 10px 15px;
	font-size: 10px;
}



a.BDbuttonDark
{
	/* Sliding right image */
	background: url('Button/IPhone_right.png') no-repeat scroll top right;
	display: block;
	float: left; /*height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH*/ /* FONT PROPERTIES 1888d7*/
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	 /*font-weight:bold;*/
}

a.BDbuttonDark span
{
	/* Background left image */
	background: url('Button/IPhone_left.png') no-repeat;
	display: block;
	line-height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 5px 0px 10px 13px;
	font-size: 10px;
}

a.BDbuttonDark:hover
{
	/* Background left image */
	color: #aaeeff;
}

/*End Set Style Check Box Radio Button*/

/*Set Style for Paging*/
.BDpagebar
{
	padding-bottom: 5px;
	margin: 0px;
	font: 11px Arial,Helvetica,sans-serif;
	padding-top: 10px;
	text-align: right;
	font-size-adjust: none;
	font-stretch: normal;
}
.BDpagebar A
{
	border-right: #dddddd 1px solid;
	padding-right: 6px;
	border-top: #dddddd 1px solid;
	padding-left: 6px;
	background: #ffffff 0% 50%;
	padding-bottom: 2px;
	border-left: #dddddd 1px solid;
	padding-top: 2px;
	border-bottom: #dddddd 1px solid;
	text-decoration: none;
}
.BDpageList .BDthis-page
{
	border-right: #dddddd 1px solid;
	font: 14px;
	font-weight: bold;
	padding-right: 6px;
	border-top: #dddddd 1px solid;
	padding-left: 6px;
	background: #ffffff 0% 50%;
	padding-bottom: 2px;
	border-left: #dddddd 1px solid;
	padding-top: 2px;
	border-bottom: #dddddd 1px solid;
	text-decoration: none;
}
.BDpagebar A:visited
{
	border-right: #dddddd 1px solid;
	padding-right: 6px;
	border-top: #dddddd 1px solid;
	padding-left: 6px;
	background: #ffffff 0% 50%;
	padding-bottom: 2px;
	border-left: #dddddd 1px solid;
	padding-top: 2px;
	border-bottom: #dddddd 1px solid;
	text-decoration: none;
}
.BDpagebar .BDbreak
{
	border-right: medium none;
	padding-right: 6px;
	border-top: medium none;
	padding-left: 6px;
	background: #ffffff 0% 50%;
	padding-bottom: 2px;
	border-left: medium none;
	padding-top: 2px;
	border-bottom: medium none;
	text-decoration: none;
}
.BDpagebar .BDthis-page
{
	padding-right: 6px;
	padding-left: 6px;
	font: 11px;
	font-weight: bold;
	border-left-color: #999999;
	background: #ffffff 0% 50%;
	border-bottom-color: #999999;
	padding-bottom: 2px;
	vertical-align: top;
	border-top-color: #999999;
	padding-top: 2px;
	border-right-color: #999999;
}
.BDpagebar A:hover
{
	border-left-color: #000000;
	background: #ed1b2f 0% 50%;
	border-bottom-color: #000000;
	color: #ffffff;
	border-top-color: #000000;
	text-decoration: none;
	border-right-color: #000000;
}
/*End Set Style for Paging*/

/*Set Style for Java Script Popup*/

#tt
{
	position: absolute;
	display: block;
	background: url(tt_left.gif) top left no-repeat;
}
#tttop
{
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(tt_top.gif) top right no-repeat;
	overflow: hidden;
}
#ttcont
{
	display: block;
	padding: 2px 12px 3px 7px;
	margin-left: 5px;
	background: #666;
	color: Black;
}
#ttbot
{
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(tt_bottom.gif) top right no-repeat;
	overflow: hidden;
}


/*End Set Style for Java Script Popup*/

/*Grid Round*/
.roundedcornr_box_744401
{
	background: #ffffff url(roundedcornr_744401_grad.gif) no-repeat;
}
.roundedcornr_top_744401 div
{
	background: url(roundedcornr_744401_tl.gif) no-repeat top left;
}
.roundedcornr_top_744401
{
	background: transparent url(roundedcornr_744401_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_744401 div
{
	background: url(roundedcornr_744401_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_744401
{
	background: transparent url(roundedcornr_744401_br.gif) no-repeat bottom right;
}

.roundedcornr_top_744401 div, .roundedcornr_top_744401, .roundedcornr_bottom_744401 div, .roundedcornr_bottom_744401
{
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_744401
{
	margin: 0 15px;
}
/*end*/

/*Sub Rounds*/
.roundedcornr_box_433098
{
	background: url(roundedcornr_433098_tl.png) no-repeat top left;
}
.roundedcornr_top_433098
{
	background: url(roundedcornr_433098_tr.png) no-repeat top right;
}
.roundedcornr_bottom_433098
{
	background: url(roundedcornr_433098_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_433098 div
{
	background: url(roundedcornr_433098_br.png) no-repeat bottom right;
}
.roundedcornr_content_433098
{
	background: url(roundedcornr_433098_r.png) top right repeat-y;
}

.roundedcornr_top_433098 div, .roundedcornr_top_433098, .roundedcornr_bottom_433098 div, .roundedcornr_bottom_433098
{
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_433098, .roundedcornr_bottom_433098
{
	margin-top: -19px;
}
.roundedcornr_content_433098
{
	padding: 0 15px;
}

/*end*/

/*Iniside Round*/
.box
{
	border-radius: 1px #000000;
	background: white;
}
.box2
{
    border: 1px dotted #808080;
    padding:20px 40px 20px 20px;
    margin-bottom: 30px;
}
.box2 input[type=text]
{
    background-position: top;
	border: 1px solid #c9c9c9;
	
	font-size: 12px;
	width:400px;
}.box2 textarea
{
    background-position: top;
	border: 1px solid #c9c9c9;
	
	font-size: 12px;
	width:700px;
	height: 80px;
}
.boxresult
{
    border: 1px dotted #808080;
    padding:20px;
    margin-bottom: 10px;
}
.boxresult input[type=text]
{
    background-position: top;
	border: 1px solid #c9c9c9;
	
	font-size: 12px;
	width:400px;
}.boxresult textarea
{
    background-position: top;
	border: 1px solid #c9c9c9;
	
	font-size: 12px;
	width:700px;
	height: 80px;
}
/*end*/

/*Info Bounds*/

.roundedcornr_box_906721
{
	background: url(InfoBound/roundedcornr_906721_tl.png) no-repeat top left;
}
.roundedcornr_top_906721
{
	background: url(InfoBound/roundedcornr_906721_tr.png) no-repeat top right;
	padding-top: 13px;
}
.roundedcornr_bottom_906721
{
	background: url(InfoBound/roundedcornr_906721_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_906721 div
{
	background: url(InfoBound/roundedcornr_906721_br.png) no-repeat bottom right;
}
.roundedcornr_content_906721
{
	background: url(InfoBound/roundedcornr_906721_r.png) top right repeat-y;
}

.roundedcornr_top_906721 div, .roundedcornr_top_906721, .roundedcornr_bottom_906721 div, .roundedcornr_bottom_906721
{
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content_906721, .roundedcornr_bottom_906721
{
	margin-top: -19px;
}
.roundedcornr_content_906721
{
	padding: 0 10px;
}

/*End*/


/*Flowline green bound*/
.subborder 
{
	display: block;
}
.subborder *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #e1e9db;
}
.subborder1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #f2f5ef;
	border-right: 1px solid #f2f5ef;
	background: #e8eee4;
}
.subborder2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #fcfcfb;
	border-right: 1px solid #fcfcfb;
	background: #e6ede1;
}
.subborder3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #e6ede1;
	border-right: 1px solid #e6ede1;
}
.subborder4
{
	border-left: 1px solid #f2f5ef;
	border-right: 1px solid #f2f5ef;
}
.subborder5
{
	border-left: 1px solid #e8eee4;
	border-right: 1px solid #e8eee4;
}
.subborderfg
{
	background: #e1e9db;
	padding: 10px;
}
/*end*/



div.ContentInBox
{
	color: dimgray;
	padding: 6px;
	font-family: "Tahoma, Verdana";
	font-size: 12px;
}
.BorderViewCSS
{
	border: solid 1px black;
	background-color: White;
}

/*Set Style for Popup Flow in FlowLine*/
td.StateTL
{
	background: url(top-left.png) no-repeat;
}
td.StateTC
{
	background: url(top-tile.png) top left repeat-x;
}
td.StateTR
{
	background: url(top-right.png) no-repeat;
}
td.StateML
{
	background: url(left-tile.png) top left repeat-y;
}
td.StateMC
{
	background: url(middle-tile.png);
	background-repeat: repeat;
}
td.StateMR
{
	background: url(right-tile.png) top left repeat-y;
}
td.StateBL
{
	background: url(bottom-left.png) no-repeat;
}
td.StateBC
{
	background: url(bottom-tile.png) top left repeat-x;
}
td.StateBR
{
	background: url(bottom-right.png) no-repeat;
}
/*End Set Style for Popup Flow in FlowLine*/

.BDDev_BoxError /*Set Style for Error Box*/
{
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
	
	border-color: #f36662;
	border: Solid 1px;
	background-color: #fdeeef;
	padding: 2px 10px 3px 10px;
}


.BDDev_BoxWarning /*Set Style for Warning Box*/
{
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
	
	border-color: #FFCC67;
	border: Solid 1px;
	background-color: #FFFFCF;
	padding: 2px 10px 3px 10px;
}

.BDDev_BoxAction /*Set Style for Action Box*/
{
	font-weight: normal;
	font-size: 12px;
	color: #003366;
	
	border-color: #AED8FF;
	border: solid 1px;
	background-color: #EAF5FF;
	padding: 2px 10px 3px 10px;
	vertical-align: middle;
}

.BDDev_BoxActionNoBorder /*Set Style for Action Box*/
{
	font-weight: normal;
	font-size: 12px;
	color: #003366;
	
	/*border-color: #AED8FF;
	border: solid 1px;*/
	background-color: #EAF5FF;
	padding: 2px 10px 3px 10px;
	vertical-align: middle;
}

.BDDev_BoxInfo /*Set Style for Info Box*/
{
	font-weight: normal;
	font-size: 12px;
	color: #339900;
	
	width: 95%;
	border-color: #97E26F;
	border: solid 1px;
	background-color: #EBFFD7;
	padding: 2px 10px 3px 10px;
}

/* BEGIN - MessageBox Styles*/

.BDDev_MsgError_topleft
{
	width:5px; 
	height:5px;
    background: url(MsgClayGirl/MsgError_topleft.png) no-repeat;
}
.BDDev_MsgError_topright
{
	 width:3px; 
	 height:5px;
	 background: url(MsgClayGirl/MsgError_topright.png) no-repeat top right;
}
.BDDev_MsgError_bg
{
	background: url(MsgClayGirl/MsgError_bg.png) repeat;
	 /*background: #f26522 repeat;*/
}
.BDDev_MsgError_bottomleft
{
	width:20px; 
	height:14px;
	background: url(MsgClayGirl/MsgError_bottomleft.png) no-repeat;
}
.BDDev_MsgError_bottommiddle
{
	 width:1px; 
	 height:1px;
	 background: url(MsgClayGirl/MsgError_bottommiddle.png);
}
.BDDev_MsgError_bottomright
{
	width:3px; 
	height:15px;
	background: url(MsgClayGirl/MsgError_bottomright.png) no-repeat bottom right;
}
.BDDev_MsgError_Girl
{
	background: transparent url(MsgClayGirl/MsgError_claygirl.png) no-repeat bottom left;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
	
	border: Solid 0px;
	padding: 0px 0px 0px 0px;
	width: 85px;
}

.BDDev_MsgInfo_topleft
{
	width:5px; 
	height:5px;
    background: url(MsgClayGirl/MsgInfo_topleft.png) no-repeat;
}
.BDDev_MsgInfo_topright
{
	 width:3px; 
	 height:5px;
	 background: url(MsgClayGirl/MsgInfo_topright.png) no-repeat top right;
}
.BDDev_MsgInfo_bg
{
	background: url(MsgClayGirl/MsgInfo_bg.png) repeat;
	 /*background: #f26522 repeat;*/
}
.BDDev_MsgInfo_bottomleft
{
	width:20px; 
	height:14px;
	background: url(MsgClayGirl/MsgInfo_bottomleft.png) no-repeat;
}
.BDDev_MsgInfo_bottommiddle
{
	 width:1px; 
	 height:1px;
	 background: url(MsgClayGirl/MsgInfo_bottommiddle.png);
}
.BDDev_MsgInfo_bottomright
{
	width:3px; 
	height:15px;
	background: url(MsgClayGirl/MsgInfo_bottomright.png) no-repeat bottom right;
}
.BDDev_MsgInfo_Girl
{
	background: transparent url(MsgClayGirl/MsgInfo_claygirl.png) no-repeat bottom left;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
	
	border: Solid 0px;
	padding: 0px 0px 0px 0px;
	width: 85px;
}

.BDDev_MsgBack
{
	background: url(MsgClayGirl/icon_back_white.png) no-repeat top left;
	font-weight:bold;
	font-size: 12px;
	color: #FFF !important;
	
	border: Solid 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
	height: 22px;
	/*vertical-align:baseline;*/
}
.BDDev_MsgBack:hover
{
	background: url(MsgClayGirl/icon_back_white.png) no-repeat top left;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
	color: #FFF !important;
	
	border: Solid 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
	height: 22px;
	/*vertical-align:baseline;*/
}
/* END - MessageBox Styles*/

/**************** MiniPane State Right  *****************/
.green
{
	display: block;
}
.green *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #8dc63f;
}
.green1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #cde6ac;
	border-right: 1px solid #cde6ac;
	background: #a9d46f;
}
.green2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #f3f9eb;
	border-right: 1px solid #f3f9eb;
	background: #a2d063;
}
.green3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #a2d063;
	border-right: 1px solid #a2d063;
}
.green4
{
	border-left: 1px solid #cde6ac;
	border-right: 1px solid #cde6ac;
}
.green5
{
	border-left: 1px solid #a9d46f;
	border-right: 1px solid #a9d46f;
}
.greenfg
{
	background: #8dc63f;
}

/**************** End MiniPane State Right  *****************/


/**************** MiniPane State Left  *****************/
.gray
{
	display: block;
}
.gray *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #f1f1f1;
}
.gray1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	background: #f4f4f4;
}
.gray2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #fdfdfd;
	border-right: 1px solid #fdfdfd;
	background: #f3f3f3;
}
.gray3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}
.gray4
{
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
}
.gray5
{
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}
.grayfg
{
	background: #f1f1f1;
}


/**************** End MiniPane State Left  *****************/


/*Set Style for JQuary Popup*/
.cplogin_tl
{
	background: transparent url('cplogin_tl.png') no-repeat;
	width: 29px;
	height: 4px;
}
.cplogin_t
{
	background: transparent url('cplogin_t.png') repeat-x;
	height: 4px;
}
.cplogin_tr
{
	background: transparent url('cplogin_tr.png') no-repeat;
	width: 5px;
	height: 4px;
}
.cplogin_ml
{
	background: transparent url('cplogin_ml.png') repeat-y;
	width: 5px;
}
.cplogin_mr
{
	background: transparent url('cplogin_mr.png') repeat-y;
	width: 5px;
}
.cplogin_bl
{
	background: transparent url('cplogin_bl.png') no-repeat;
	width: 29px;
	height: 16px;
}
.cplogin_b
{
	background: transparent url('cplogin_b.png') repeat-x;
	height: 16px;
}
.cplogin_br
{
	background: transparent url('cplogin_br.png') no-repeat;
	width: 5px;
	height: 16px;
}

/*End Set Style for JQuary Popup*/

/* ---------- gallery styles start here ----------------------- */

.gallery
{
	float: left;
	position: relative;
	width: 121px; /* ----------- ถ้าจำไม่ผิดกำหนดตามขนาดภาพนะ -------------*/
	height: 112px; /* ----------- ถ้าจำไม่ผิดกำหนดตามขนาดภาพนะ -------------*/
}

.gallery img
{
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
}

.gallery a:hover img
{
	border-color: #000;
}

.gallery span
{
	width: 121px; /* ----------- ถ้าจำไม่ผิดกำหนดตามขนาดภาพนะ -------------*/
	height: 59px; /* ----------- ถ้าจำไม่ผิดกำหนดตามขนาดภาพนะ -------------*/
	display: block;
	position: absolute;
	top: 0px;
	background: url(glossy-gradient.png) no-repeat; /* ----------- ไฟล์ภาพที่กำหนด คือภาพที่จะถูกนำมาทับหน้าถาพของเราอีกที โดยมักจะใช้ภาพที่โปร่งใสมาวาง ดูจากตัวอย่างก็ได้ -------------*/
}

.gallery a
{
	text-decoration: none;
}

.sgallery
{
	float: left;
	position: relative;
	width: 80px;
	height: 85px;
}

.sgallery img
{
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
}

.sgallery a:hover img
{
	border-color: #000;
}

.sgallery a
{
	text-decoration: none;
}

/* ----------- End gallery here -------------*/


/*---------------------- Clay Bound ----------------------*/
.leave_container_toptop
{
	background: url('BoundOut/toptop.png');
	height: 9px;
}
.leave_container_middleleft
{
	background: url('BoundOut/middleleft.png');
}
.leave_container_middleright
{
	background: url('BoundOut/middleright.png');
}
.leave_container_bottombottom
{
	background: url('BoundOut/bottombottom.png');
}
.leave_container_background
{
	background: #ffffff url('BoundOut/containerbackground.png') no-repeat right top;
}
.leave_container_claylogo
{
	background-image: url('BoundOut/clay_logo.png');
	background-repeat: no-repeat;
	width: 110px;
	height: 30px;
}
.leave_container_middleright_bg
{
	background-image: url('BoundOut/middleright_bg.png');
	background-repeat: no-repeat;
	width: 9px;
	height: 76px;
}
.leave_container_toptop_bg
{
	background: #ffffff url('BoundOut/toptop_bg.png') no-repeat right top;
	text-align: right;
	width: 78px;
	height: 9px;
}
.leave_container_topright
{
	background-image: url('BoundOut/topright.png');
	background-repeat: no-repeat;
	background-position: right;
	width: 9px;
	height: 9px;
}

.leave_container_topleft
{
	background-image: url('BoundOut/topleft.png');
	background-repeat: no-repeat;
	background-position: left;
	width: 9px;
	height: 9px;
}
.leave_container_bottomleft
{
	background-image: url('BoundOut/bottomleft.png');
	background-repeat: no-repeat;
	background-position: left;
	width: 9px;
	height: 9px;
}
.leave_container_bottomright
{
	background-image: url('BoundOut/bottomright.png');
	background-repeat: no-repeat;
	background-position: left;
	width: 9px;
	height: 9px;
}
/*-----------------------------------------------------------------*/



/* --------------------- Orange Bound -----------------------*/
.orangepane_topleft{
	width:7px;height:7px;
	 background: url('PopupMenuBound/orangepane_topleft.png');
}
.orangepane_topmiddle{
	 background: url('PopupMenuBound/orangepane_topmiddle.png');
}
.orangepane_leftmiddle{
	 background: url('PopupMenuBound/orangepane_leftmiddle.png');
}

.orangepane_rightmiddle{
	 background: url('PopupMenuBound/orangepane_rightmiddle.png');
}

.orangepane_bottomleft{
	width:7px;height:7px;
	 background: url('PopupMenuBound/orangepane_bottomleft.png');
}
.orangepane_bottomright{
	width:7px;height:7px;
	 background: url('PopupMenuBound/orangepane_bottomright.png');
}
.orangepane_bottommiddle{
	 background: url('PopupMenuBound/orangepane_bottommiddle.png');
}
.orangepane_topright{
	width:7px;height:7px;
	 background: url('PopupMenuBound/orangepane_topright.png');
}
.orangepane_content{
	background:white;
}
/*---------------------- End Bound ----------------------*/
/* --------------------- Blue Bound -----------------------*/
.Bluepane_topleft{
	width:7px;height:7px;
	 background: url('CollapBound/Bluepane_topleft.png');
}
.Bluepane_topmiddle{
	 background: url('CollapBound/Bluepane_topmiddle.png');
}
.Bluepane_leftmiddle{
	 background: url('CollapBound/Bluepane_leftmiddle.png');
}

.Bluepane_rightmiddle{
	 background: url('CollapBound/Bluepane_rightmiddle.png');
}

.Bluepane_bottomleft{
	width:7px;height:7px;
	 background: url('CollapBound/Bluepane_bottomleft.png');
}
.Bluepane_bottomright{
	width:7px;height:7px;
	 background: url('CollapBound/Bluepane_bottomright.png');
}
.Bluepane_bottommiddle{
	 background: url('CollapBound/Bluepane_bottommiddle.png');
}
.Bluepane_topright{
	width:7px;height:7px;
	 background: url('CollapBound/Bluepane_topright.png');
}
.Bluepane_content{
	background:#69D;
	padding-left:5px;
}
/*---------------------- End Bound ----------------------*/
/*---------------------- Content Bound ----------------------*/
.Content_toptop
{
 background: url('ContentBound/toptop.png');
 height:8px;
}
.Content_middleleft
{
 vertical-align:top;
 background: url('ContentBound/middleleft.png');
}
.Content_middleright
{
 vertical-align:top;
 background: url('ContentBound/middleright.png');
}
.Content_bottombottom
{
 background: url('ContentBound/bottombottom.png');
}
.Content_topright
{
background-image:url('ContentBound/topright.png');
background-repeat:no-repeat;
background-position:right;
width:8px;
height:8px;
}

.Content_topleft
{
background-image:url('ContentBound/topleft.png');
background-repeat:no-repeat;
background-position:left;
width:8px;
height:8px;
}
.Content_bottomleft
{
background-image:url('ContentBound/bottomleft.png');
background-repeat:no-repeat;
background-position:left;
width:8px;
height:8px;
}
.Content_bottomright
{
background-image:url('ContentBound/bottomright.png');
background-repeat:no-repeat;
background-position:left;
width:8px;
height:8px;
}


/*---------------------- End Bound ----------------------*/

/*Set Style for Progress Bar*/
.BDDev_Progress-container 
{
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

.BDDev_Progress-container > div 
{
  background-color: #19F; 
  height: 12px
}

.BDSDev_ProgressText
{
	font-weight: normal;
	font-size: 10px;
	color: #222;
	
	height: 20px;
	padding: 2px;
}
/*End Set Style for Progress Bar*/


/* Narin Create New Style Sheet */
.DK_Header
{
    width: 860px;
}
.DK_ColumnIcon
{
    width: 20px;
    text-align: right;
}
.DK_ColumnSetting
{
    width: 20px;
    text-align: right;
}
.DK_LabelSource
{
}
.BDDev_LabelNormal
{
    /*padding-right : 10px;*/
}
.BDDev_BtnNormal
{
    padding:10px 10px 10px 0px;
}
.BDDev_BtnNormalMain
{
    padding:20px 10px 10px 0px;
}
.BDTZSearch
{
  
}
.BDTZRequest
{
    position: relative;
    top: 3px;
}
.BDDev_MainSubHeader
{
}
.BDDev_SubHeader_textsearch
{
    border:0px solid gray;
    background-color:#e2e2e2;
    height:19px;
    padding-top: 0px;
    margin-top:0px;
}

/* Table Bg Color */
.BDTZ_BGColor1
{
    background-color: #ededed;
    padding: 10px 10px;
}
.BDTZ_Sub_SubHeaderTab
{
    width: 22px;
    padding-left:39px;
    padding-right:39px;
}

/* set width textbox and dropdrowlist to AddFields.aspx*/
.BDTZ_Label_SubHeaderDetail
{
    width: 100px;
}
.MinTextarea
{
    width:220px;
    height:70px;
}

/* ---   Set DataGrid  --- */
.BDGR
{
    width: 100%;
    border:none;
}
.BDGRMain
{
    width: 100%;
    border:none;
}
.BDGR_header
{ 
    padding: 5px;
    border-bottom :1px dotted #808080; 
}
.BDGR_header td
{ 
    padding: 5px;
    border: none;
    font-weight: normal;
	font-size: 11px;
	color: #b7b7c7;
	 
}
.BDGR_item
{
    padding:3px 5px;
    border:none;
}
.BDGR_item td.tdnormal
{
    padding:3px 5px;
    border:none;
    font-weight: normal;
	font-size: 12px;
	color: #333;
	
	text-align: left;
	vertical-align: top;
}
.BDGR_item td.tdhilight
{
    padding: 3px 5px;
    border: none;
    font-weight: normal;
    font-size: 12px;
    color: #157DEC;
    
}


.cplogin_CaptionText_sl
{
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    
    font-size: 10pt;
    color:#2E2E2E;
    padding-right:10px;
    min-width:55px;
    max-width:150px;
    display:inline-block;
}

.cplogin_CaptionText
{
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    
    font-size: 15pt;
    color:#2E2E2E;
    padding-right:0px;
    min-width:85px;
    max-width:150px;
    display:inline-block;
}
.cplogin_DownloadFileText {
    /**/
    font-size: 12pt;
        color:green;
}
.cplogin_DownloadText
{
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    
    font-size: 16pt;
    color:#2E2E2E;
    padding-right:0px;
  
    display:inline-block;
}
.cplogin_CaptionText_right
{
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    
    font-size: 10pt;
    color:#2E2E2E;
    padding-left:75px;
    padding-right:10px;
    min-width:85px;
    max-width:150px;
    display:inline-block;
}
.cplogin_CaptionText_large
{
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    
    font-size: 10pt;
    color:#2E2E2E;
    padding-left:0px;
    padding-right:0px;
    padding-bottom :10px;
    min-width:85px;
    display:inline-block;
}